@charset "utf-8";
/* CSS Document */

/* Title */
.Title{width: 100%;text-align: center;padding-top: 54px;}
.Title h2{font-size: 34px;color: #241f72;}
.Title h2 a{color: #241f72;text-decoration: none;}
.Title p{font-size: 12px;color: #c3c3c3;font-family: arial;text-transform: uppercase;word-spacing: 2px;margin-top: 2px;}
.Title i{display: block;width: 1200px;height: 3px;margin: 15px auto 0;}


/* banner 
.banner{width: 100%;height: 550px;position: relative;}
.banner a{display: block;background: url(Img/Index/banner.jpg) no-repeat center;height: 550px;}
.banner .btnList{position: absolute;bottom: 29px;left: 0;text-align: center;width: 100%;}
.banner .btnList span{display: inline-block;margin: 0 3px;cursor: pointer;font-size: 14px;color: #666666;line-height: 18px;width: 18px;height: 18px;background: #fff;border: 1px solid #b6b6b7;font-family: "宋体";}
.banner .btnList span.cur{background: #20317f;border-color: #20317f;color: #fff;}
*/
.banner { overflow:hidden; width:100%;position: relative;z-index: 1;}
#flashs{ position:relative; height:519px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{width: 100%;text-align: center;position: absolute;bottom: 27px;left: 0;z-index: 9999;}
#flashs .btn span {display: inline-block;margin: 0 3px;cursor: pointer;font-size: 14px;color: #666666;line-height: 18px;width: 18px;height: 18px;background: #fff;border: 1px solid #b6b6b7;font-family: "宋体";}
#flashs .btn span.cur {background: #20317f;border-color: #20317f;color: #fff;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}


/*partner*/
.partner{width: 100%;padding:48px 0;background: #f3f3f3;}
.partner .title{width: 100%;text-align: center;position: relative;}
.partner .title h3{font-size: 24px;color: #fff;font-weight: normal;width: 362px;height: 45px;line-height: 45px;text-align: center;margin: 0 auto;position: relative;background: #241f72;border-left: 2px solid #ee7316;border-right: 2px solid #ee7316;z-index: 9;}
.partner .title h3 a{color: #fff;text-decoration: none;}
.partner .title i{width: 100%;height: 1px;background: #e3e3e1;display: block;position: absolute;top: 24px;left: 0;}
.partner .mainCon{width: 100%;position: relative;margin-top: 30px;}
.partner .mainCon i{display: block;width: 33px;height: 33px;position: absolute;top: 36px;cursor: pointer;}
.partner .mainCon i.prev{left: 0;}
.partner .mainCon i.next{right: 0;}
.partner .mainCon .box{width: 1075px;position: relative;height: 132px;overflow: hidden;margin-left: 69px;}
.partner .mainCon .box ul{width: 105%;position: relative;top: 0;left: 0;}
.partner .mainCon .box li{width: 198px;float: left;margin-right: 17px;text-align: center;height: 132px;}
.partner .mainCon .box span{display: block;width:196px;height: 99px;border: 1px solid #e9e9e9;}
.partner .mainCon .box li em{display: block;font-size: 14px;color: #666666;margin-top: 14px;}
.partner .mainCon .box li a{text-decoration: none;}


/* product */
.product{width: 100%;padding-bottom: 80px;}
.product .mainCon{width: 100%;margin-top: 37px;}
.product .mainCon .sideBar{width: 254px;float: left;}
.product .mainCon .sideBar li{height: 75px;line-height: 75px;position: relative;background: #27227b;border-top: 1px solid #3e3a92;border-bottom: 1px solid #171362;text-indent: 56px;}
.product .mainCon .sideBar li a{display: block;text-decoration: none;font-size: 16px;color: #fff;}
.product .mainCon .sideBar li a img{position: relative;top: 10px;margin-right: 16px;}
.product .mainCon .sideBar li i{display: none;width: 9px;height: 18px;position: absolute;right: -9px;top: 50%;margin-top: -9px;}
.product .mainCon .sideBar li i img{display: block;}
.product .mainCon .sideBar li.cur i{display: block;}
.product .mainCon .sideBar li.cur{background: #ee7316;border-top-color: #ee7316;border-bottom-color: #79392a;}
.product .mainCon .sideBar .phone{height: 105px;border-top: 1px solid #3e3a92;background: #27227b;text-align: center;padding-top: 18px;}
.product .mainCon .sideBar .phone img{display: block;margin: 0 auto;}
.product .mainCon .sideBar .phone p{font-size: 14px;color: #fff;margin-top: 4px;}
.product .mainCon .sideBar .phone p i{display: inline-block;width: 32px;height: 1px;background: #484484;margin: 0 8px;position: relative;top: -4px;}
.product .mainCon .sideBar .phone span{display: block;font-size: 24px;color: #fff;}
.product .mainCon .section{width: 924px;height: 661px;float: right;border: 1px solid #ebebeb;overflow: hidden;position: relative;}
.product .mainCon .section .conBox{width: 924px;height: 661px;padding-top: 30px;}
.product .mainCon .section .con1{width: 894px;margin-left: 30px;}
.product .mainCon .section .con1 dt{float: left;width: 405px;height: 267px;padding: 4px;border: 1px solid #ebebeb;}
.product .mainCon .section .con1 dt img{display: block;}
.product .mainCon .section .con1 dd{width: 382px;float: left;margin-left: 44px;padding-top: 34px;height: 243px;position: relative;}
.product .mainCon .section .con1 dd h3{font-size: 24px;color: #333333;}
.product .mainCon .section .con1 dd h3 a{color: #333333;text-decoration: none;}
.product .mainCon .section .con1 dd p{margin-top: 28px;line-height: 23px;color: #666666;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 90px;}
.product .mainCon .section .con1 dd .btn{height: 38px;position: absolute;bottom: 36px;overflow: hidden;}
.product .mainCon .section .con1 dd .btn a{display: block;width: 120px;height: 38px;float: left;margin-right: 19px;}
.product .mainCon .section .con2{width: 876px;margin-left: 25px;margin-top: 42px;}
.product .mainCon .section .con2 h3{font-size: 24px;color: #20317f;font-weight: normal;text-align: center;}
.product .mainCon .section .con2 h3 a{color: #20317f;text-decoration: none;}
.product .mainCon .section .con2 h3 i{display: inline-block;width: 343px;height: 0;border-top: 1px dotted #d4d4d4;position: relative;top: -6px;margin: 0 10px;}
.product .mainCon .section .con2 .box{position: relative;width: 100%;margin-top: 24px;}

.product .mainCon .section .con2 .box i{display: block;width: 33px;height: 33px;position: absolute;top: 74px;cursor: pointer;cursor: pointer;z-index: 99;}
.product .mainCon .section .con2 .box i.prev{left: 0;}
.product .mainCon .section .con2 .box i.next{right: 0;}

.product .mainCon .section .con2 .box .lunb{position: relative;width: 809px;margin: 0 auto;height: 203px;overflow: hidden;}
.product .mainCon .section .con2 .box .lunb ul{width: 105%;position: absolute;left: 0;top: 0;}
.product .mainCon .section .con2 .box .lunb li{width: 255px;margin-right: 22px;float: left;text-align: center;}
.product .mainCon .section .con2 .box .lunb li span{display: block;width: 247px;height: 163px;padding: 3px;border: 1px solid #ebebeb;}
.product .mainCon .section .con2 .box .lunb li em{display: block;font-size: 14px;color: #666666;margin-top: 15px;}
.product .mainCon .section .con2 .box .lunb li a{display: block;text-decoration: none;}
.product .mainCon .section .con2 .box .lunb li img{display: block;}


/* adv */
.adv{width: 100%;}
.adv .title{width: 100%;position: relative;background: url(Img/Index/adv_title.jpg) no-repeat center;height: 162px;}
.adv .title i{display: block;position: absolute;width: 30px;height: 18px;left: 50%;margin-left: -15px;bottom: -18px;}
.adv .title i img{display: block;}
.adv .mainCon{width: 100%;}
.adv .mainCon .con1{height: 294px;background: url(Img/Index/advBg_01.jpg) no-repeat center;padding-top: 97px;}
.adv .mainCon .con2{height: 285px;background: url(Img/Index/advBg_02.jpg) no-repeat center;padding-top: 101px}
.adv .mainCon .con3{height: 266px;background: url(Img/Index/advBg_03.jpg) no-repeat center;padding-top: 91px;}
.adv .mainCon .con4{height: 318px;background: url(Img/Index/advBg_04.jpg) no-repeat center;padding-top: 107px;}
.adv .mainCon .box{width: 572px;}
.adv .mainCon .box dl dt{float: left;width: 58px;height: 58px;text-align: center;line-height: 58px;background: url(Img/Index/advNumBg.jpg) no-repeat center;font-size: 38px;color: #fff;font-weight: bold;font-family: arial;}
.adv .mainCon .box dd{float: left;padding-top: 3px;margin-left: 12px;}
.adv .mainCon .box dd h3{font-size: 24px;color: #333333;}
.adv .mainCon .box em{color: #241f72;font-weight: bold;}
.adv .mainCon .box dd p{font-size: 12px;color: #c0c0c0;text-transform: uppercase;margin-top: 6px;}
.adv .mainCon .box i{display: block;width: 100%;height: 1px;background: #e9e9e9;margin: 15px 0 20px 0;}
.adv .mainCon .box li{padding-left: 14px;background: url(Img/Index/adv_icon02.png) no-repeat left 9px;font-size: 14px;color: #666666;margin-top: 10px;line-height: 24px;}
.adv .mainCon .box li:first-child{margin-top: 0;}
.adv .mainCon .box{margin-left: 14px;}
.adv .mainCon .con.dif .box{margin-left: 622px;}




/* ad */
.ad{width: 100%;position: relative;background: url(Img/Index/adBg.jpg) no-repeat center;height: 180px;}
.ad .container{height: 180px;position: relative;}
.ad .box{width: 280px;height: 140px;position: absolute;right: -12px;top: -10px;background: url(Img/Index/adBg02.png) no-repeat center;padding-top: 50px;}
.ad .box a{display: block;width: 158px;height: 46px;margin-left: 55px;}
.ad .box .phone{margin-left: 30px;background: url(Img/Index/ad_phone.png) no-repeat left center;padding-left: 44px;margin-top: 20px;}
.ad .box .phone span{display: block;font-size: 15px;color: #fff;}
.ad .box .phone p{font-size: 24px;color: #fff;font-weight: bold;}


/* case */
.case{width: 100%;padding-bottom: 80px;}
.case .Title p{font-size: 18px;color: #666666}
.case .mainCon{width: 100%;margin-top: 46px;}
.case .mainCon li{float: left;width: 263px;height: 378px;border: 2px solid #ececec;position: relative;padding: 10px 10px 0 11px;margin-left: 16px;}
.case .mainCon li:first-child{margin-left: 0;}
.case .mainCon li a{display: block;text-decoration: none;}
.case .mainCon li h3{margin: 22px 0 16px 0;font-weight: normal;font-size: 18px;color: #333333;}
.case .mainCon li p{font-size: 14px;color: #666666;line-height: 24px;height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 75px;}
.case .mainCon li i{display: block;width: 41px;height: 41px;overflow: hidden;position:absolute;left: 50%;margin-left: -20px;bottom: -22px;}
.case .mainCon li span{display: block;position: relative;width: 263px;height: 215px;overflow: hidden;}
.case .mainCon li img{display: block;position: relative;}
.case .mainCon li span img{transform: scale(1);transition: all 1s ease-out;}
.case .mainCon li:hover{background: #241f72;border-color: #241f72;}
.case .mainCon li:hover h3,.case .mainCon li:hover p{color: #fff;}
.case .mainCon li:hover i img{top: -41px;}
.case .mainCon li:hover span img{transform: scale(1.2);}


/* flow */
.flow{width: 100%;padding: 74px 0 68px 0;background: #f3f3f3;}
.flow .mainCon{background: url(Img/Index/flowBg.png) no-repeat center;height:347px;}
.flow .mainCon h3{font-size: 34px;color: #241f72;position: relative;text-align: center;top: -17px;}
.flow .mainCon .box1{width: 1120px;margin: 35px auto 0;position: relative;}
.flow .mainCon li{float: left;width: 114px;text-align: center;margin-left: 53px;}
.flow .mainCon li img{display: block;position: relative;}
.flow .mainCon li span{display: block;margin: 0 auto;width: 114px;height: 114px;overflow: hidden;position: relative;}
.flow .mainCon li:first-child{margin-left: 0;}
.flow .mainCon li em{font-size: 16px;color: #666666;margin-top: 16px;display: block;}
.flow .mainCon .box1 i{display: block;width: 14px;height: 26px;position: absolute;top: 46px;}
.flow .mainCon .box1 i img{display: block;}
.flow .mainCon .box1 .I1{left: 134px;}
.flow .mainCon .box1 .I2{left: 301px;}
.flow .mainCon .box1 .I3{left: 468px;}
.flow .mainCon .box1 .I4{left: 635px;}
.flow .mainCon .box1 .I5{left: 802px;}
.flow .mainCon .box1 .I6{left: 969px;}
.flow .mainCon .box2{text-align: center;margin-top: 50px;}
.flow .mainCon .box2 p{display: inline-block;font-size: 16px;color: #666666;height: 41px;line-height: 41px;}
.flow .mainCon .box2 p em{font-size: 28px;color: #333333;font-weight: bold;top: 4px;position: relative;}
.flow .mainCon .box2 a{display: inline-block;width: 137px;height: 41px;line-height: 41px;font-size: 16px;color: #fff;background: url(Img/Index/flowBg02.png) no-repeat center;margin-left: 30px;text-decoration: none;}


/* about */
.about{width: 100%;position: relative;background: url(Img/Index/aboutBg01.jpg) no-repeat center;height: 556px;padding-top: 74px;}
.about .title{width: 100%;text-align: center;background: url(Img/Index/about_titleXian.png) no-repeat center;}
.about .title h2{font-size: 34px;color: #fff;}
.about .title h2 a{text-decoration: none;color: #fff;}
.about .mainCon{margin-top: 60px;}
.about .mainCon dt{float: left;width: 543px;height: 321px;padding: 3px;background: #fff;}
.about .mainCon dd{width: 604px;height: 327px;position: relative;float: right;}
.about .mainCon dd h3{font-size: 24px;color: #fff;font-weight: normal;padding-top: 16px;}
.about .mainCon dd h3 a{color: #fff;text-decoration: none;}
.about .mainCon dd i{display: block;width: 100%;height: 1px;margin: 28px 0;background: #3f3a82;}
.about .mainCon dd p{font-size: 14px;color: #fff;line-height: 24px;}
.about .mainCon dd .box{width: 100%;height: 83px;position: absolute;left: 0;bottom: 0;}
.about .mainCon dd .box a.details{display: block;width: 151px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #fff;text-decoration: none;float: left;margin-top: 30px;}
.about .mainCon dd .box a.details:hover{background:#ee7316;}
.about .mainCon dd .box a.details img{position: relative;top: 4px;margin-right: 8px;}
.about .mainCon dd .box .phone{width: 275px;float: right;}
.about .mainCon dd .box .phone span{font-size: 14px;color: #fff;display: block;}
.about .mainCon dd .box .phone span em{font-size: 22px;font-weight: bold;margin-left: 6px;}
.about .mainCon dd .box .phone a{display: block;width: 140px;height: 41px;line-height: 41px;text-align: center;font-size: 16px;color: #fff;border-radius: 4px;background: #ee7316;margin-top: 14px;text-decoration: none;}
.about .mainCon dd .box .phone a img{position: relative;top: 4px;margin-right: 8px;}

/* team */
.team{width: 100%;}
.team .container{position: relative;}
.team .menu{width: 100%;position: absolute;top: -55px;height: 55px;}
.team .menu li{float: left;width: 398px;height: 55px;line-height: 55px;text-align: center;margin-left: 3px;background: #f2f2f2;}
.team .menu li:first-child{margin-left: 0;}
.team .menu li a{display: block;text-decoration: none;}
.team .menu li img{display: block;position: relative;}
.team .menu li span{position: relative;top: 10px;display: inline-block;width: 34px;height: 29px;overflow: hidden;margin-right: 12px;}
.team .menu li em{font-size: 16px;color: #666666;}
.team .menu li.cur{background: #ee7316;}
.team .menu li.cur em{color: #fff;}
.team .menu li.cur span img{top: -29px;}
.team .mainCon{width: 100%;padding-top: 40px;height: 234px;overflow: hidden;position: relative;}
.team .mainCon li{float: left;width: 286px;margin-left: 18px;}
.team .mainCon li:first-child{margin-left: 0;}
.team .mainCon li a{text-decoration: none; text-decoration: none;}
.team .mainCon li span{display: block;width: 286px;height: 191px;position: relative;overflow: hidden;}
.team .mainCon li span img{display: block;transform: scale(1);transition: all 1s ease-out;}
.team .mainCon li p{height: 42px;border-bottom: 1px solid #e8e8e8;line-height: 42px;text-indent: 9px;background: url(Img/Index/team_icon04.png) no-repeat 255px center;}
.team .mainCon li:hover span img{transform: scale(1.2);}

/* news */
.news{width: 100%;padding-bottom: 70px;}
.news .mainCon{width: 100%;margin-top: 43px;}
.news .mainCon .sideBar{width: 252px;float: left;}
.news .mainCon .sideBar li{width: 252px;height: 88px;position: relative;text-align: center;line-height: 88px;font-size: 16px;color: #333333;border: 1px solid #ebebeb;border-top: none;}
.news .mainCon .sideBar li:first-child{border-top: 1px solid #ebebeb;}
.news .mainCon .sideBar li a{text-decoration: none;display: block;color: #333333;}
.news .mainCon .sideBar li img{display: none;position: absolute;right: -8px;top: 50%;margin-top: -8px;}
.news .mainCon .sideBar li.cur{background: #241f72;}
.news .mainCon .sideBar li.cur img{display: block;}
.news .mainCon .sideBar li.cur a{color: #fff;border-color: #241f72;}
.news .mainCon .section{width: 917px;float: right;height: 268px;overflow: hidden;position: relative;}
.news .mainCon .section .box{height: 268px;overflow: hidden;}
.news .mainCon .section .conL{float: left;position: relative;width: 426px;height: 267px;}
.news .mainCon .section .conL img{display: block;}
.news .mainCon .section .conL a{display: block;text-decoration: none;}
.news .mainCon .section .conL .intro{height: 59px;padding: 9px 34px 0 28px;background: url(Img/Index/newsBg.png);position: absolute;bottom: 0;left: 0;width: 364px;}
.news .mainCon .section .conL .intro h3{font-size: 18px;color: #fff;font-weight: normal;}
.news .mainCon .section .conL .intro p{margin-top: 8px;font-size: 14px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news .mainCon .section .conR{width: 456px;float: right;}
.news .mainCon .section .conR dl{padding-top: 20px;border-top: 1px solid #e5e5e5;margin-top: 20px;}
.news .mainCon .section .conR dt{width: 79px;height: 50px;border: 1px solid #e5e5e5;float: left;padding-top: 10px;text-align: center;}
.news .mainCon .section .conR dt span{font-size: 22px;color: #999999;font-weight: bold;font-family: arial;display: block;}
.news .mainCon .section .conR dt em{display: block;font-size: 16px;color: #999999;position: relative;top: -4px;}
.news .mainCon .section .conR dd{width: 360px;float: right;padding-top: 6px;}
.news .mainCon .section .conR dd h3{color: #333333;font-size: 18px;font-weight: normal;}
.news .mainCon .section .conR dd h3 a{color: #333333;text-decoration: none;}
.news .mainCon .section .conR dd p{font-size: 14px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 10px;}
.news .mainCon .section .conR dd p a{color: #666666;text-decoration: none;}
.news .mainCon .section .conR dl:first-child{padding-top: 0;border-top: none;margin-top: 0;}
.news .mainCon .section .conR dl:hover dt{background: #ee7316;border-color: #ee7316;}
.news .mainCon .section .conR dl:hover dt span,.news .mainCon .section .conR dl:hover dt em{color: #fff;}
.news .mainCon .section .conR dl:hover dd h3 a{color: #ee7316;}

/* link */
.link{width: 100%;padding-top: 14px;background: #f3f3f3;height: 61px;}
.link dl{float: left;width: 1000px;}
.link dt{float: left;width: 93px;height: 61px;}
.link dd{width: 890px;float: right;padding-top: 10px;}
.link dd a{font-size: 14px;color: #666666;padding: 0 16px;border-right: 1px dotted #666666;line-height: 22px;}
.link dd a:first-child{border-left: none;}
.link a.apply{font-size: 14px;color: #333333;margin-top: 18px;display: block;float: right;}